﻿<%@ Page Language="vb" validateRequest="false" AutoEventWireup="false" CodeBehind="wfrmHTML.aspx.vb" Inherits="ProjetoDeTestes.wfrmHTML" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit.HTMLEditor" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        h2.trigger
        {
            margin: 0 0 1px 0;
            background: url('../DatalistXML/h2_trigger_a.gif') no-repeat;
            height: 23px;
            line-height: 23px;
            width: 250px;
            font-size: 2em;
            font-weight: normal;
            float: left;
        }
        h2.trigger a
        {
            color: #fff;
            text-decoration: none;
            display: block;
            font-family: 'Trebuchet' 'Calibri' 'Tahoma';
            font-size: 15px;
            padding: 0 0 0 30px;
        }
        .toggle_container
        {
            margin: 0 0 0px;
            padding: 0;
            border-top: 1px solid #d6d6d6;
            background: #f0f0f0 url('../DatalistXML/toggle_block_stretch.gif') repeat-y left top;
            overflow: hidden;
            font-size: 1.2em;
            width: 250px;
            clear: both;
        }
        .toggle_container .block
        {
            padding: 5px;
            background: url('../DatalistXML/toggle_block_btm.gif') no-repeat left bottom;
        }
    </style>
    <script src="jquery.js" type="text/javascript"></script>
    <script src="jquery.FCKEditor.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $.fck.config = { path: 'fckeditor/' };
            $('textarea.fckExemplo').fck({ height: 220, width: 500, toolbar: 'Basic' });

            $(".toggle_container").hide();

            $("h2.trigger").click(function () {
                $(".toggle_container").hide();
                $("h2.trigger").toggleClass('active', false);
                $(this).toggleClass("active").next().slideToggle("fast");
                return false;
            });



        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <textarea rows="3" cols="30" name="fckExemplo" class="fckExemplo"></textarea>
    </div>
    <br />
    <br />
    <br />
    <asp:DataList ID="dtMenu" runat="server" Width="100%">
        <HeaderTemplate>
            Menu Doidão
        </HeaderTemplate>
        <ItemTemplate>
            <h2 class="trigger">
                <a href="#">
                    <%# Eval("NomeTabela") %></a></h2>
            <div class="toggle_container">
                <div class="block">
                    <asp:DataList ID="dtLinks" runat="server" Width="100%">
                        <ItemTemplate>
                            <div>
                                <asp:Label ID="Label1" runat="server" Text="Label">Muda Cor</asp:Label><asp:LinkButton ID="LinkButton1" CommandName="cor" runat="server">aqui</asp:LinkButton>
                                <textarea rows="3" cols="30" name="fckExemplo1" class="fckExemplo"></textarea>
                            </div>
                        </ItemTemplate>
                    </asp:DataList>
                </div>
            </div>
        </ItemTemplate>
    </asp:DataList>
    </form>
</body>
</html>
